<template>
    <view>
        <!-- parse <template is="defaultIndexTpl" :data="isProfile,upImg:'../../skin/images/default_index_bg.jpg',skin,dataList,listMode:'leftbig3',returnHome:false"/> -->
        <block name="defaultIndexTpl">
            <view class="main">
                <view class="up">
                    <image mode="aspectFill" :src="'../../skin/images/default_index_bg.jpg'" />
                </view>
                <view class="down">
                    <view class="menu card-project shadow-project">
                        <view @tap="url" :data-url="'../../news/index/news_index?id=' + item.val" class="item" v-for="(item, index) in skin.newsCateArr" :key="index">
                            <view class="item-inner">
                                <view class="img"><image :src="'../../skin/images/menu/news_' + item.val + '.png'" /></view>
                                <view class="title">{{ item.label }}</view>
                            </view>
                        </view>

                        <view @tap="url" :data-url="'../../meet/index/meet_index?id=' + item.val" class="item" v-for="(item, index) in skin.meetTypeArr" :key="index">
                            <view class="item-inner">
                                <view class="img"><image :src="'../../skin/images/menu/meet_' + item.val + '.png'" /></view>
                                <view class="title">{{ item.label }}</view>
                            </view>
                        </view>
                    </view>

                    <!-- List Begin -->
                    <view v-if="!dataList" class="margin-top load loading text-l load-project"></view>

                    <template is="baseListTpl" :data="(dataList, 'leftbig3')" />
                    <!-- List END -->
                </view>
            </view>

            <block v-if="skin.IS_SUB">
                <template is="menuTpl" :data="skin" />
            </block>
        </block>
    </view>
</template>

<script>
let behavior = require('../../../../behavior/default_index_bh.js');
let PassortBiz = require('../../../../biz/passport_biz.js');
let skin = require('../../skin/skin.js');
export default {
    data() {
        return {
            skin: {
                newsCateArr: [],
                meetTypeArr: [],
                IS_SUB: ''
            },

            dataList: ''
        };
    },
    mixins: [behavior],
    onReady: function () {
        PassortBiz.initPage({
            skin,
            that: this,
            isLoadSkin: true,
            tabIndex: -1,
            isModifyNavColor: true
        });
    },
    methods: {
        url() {
            console.log('占位：函数 url 未声明');
        }
    }
};
</script>
<style>
@import './default_index.css';
@import 'undefined';
</style>
